<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>京东商城</title>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
</head>

<body>
 <!---------------------------------------- 头部  ----------------------------------------->
 <div class="main_div header">
    <div class="logo">
        <img src="images/logo.png" alt="logo"/>
    </div>
    <div class="banner">
        <div class="call">
            <!---------------------------------------- 通知区域  ----------------------------------------->
            <ul class="ul_left_di_zhi"><li>
                    送至：北京
                    <div class="bj-1">
                        <a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a>
                        <a href="">河北</a><a href="">山西</a><a href="">河南</a><a href="">辽宁</a>
                        <a href="">吉林</a><a href="">黑龙江</a><a href="">浙江</a><a href="">江苏</a>
                        <a href="">山东</a><a href="">安徽</a><a href="">内蒙古</a><a href="">湖北</a>
                        <a href="">湖南</a><a href="">广东</a><a href="">广西</a><a href="">江西</a>
                        <a href="">四川</a><a href="">海南</a><a href="">贵州</a><a href="">云南</a>
                        <a href="">西藏</a><a href="">陕西</a><a href="">甘肃</a><a href="">青海</a>
                        <a href="">宁夏</a><a href="">新疆</a><a href="">台湾</a><a href="">香港</a>
                        <a href="">澳门</a><a href="">海外</a><a href="">钓鱼岛</a>
                    </div>
                </li>
            </ul>
            <ul class="ul_right_call">
                <li class="deng_lu">
                    <a href="denglu.html">您好，请登录</a>
                    <a href="zhuche.html"  class="red">免费注册</a>
                </li>
                <li class="deng_lu">
                    <a href="gou_wu_che.html">我的订单</a>
                </li>
                <li class="my bj">
                    <a href="index.html">我的京东</a>
                    <div class="my1">
                        <table>
                            <tr>
                                <td><a href="">待处理的订单</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">消息</a></td>
                            </tr>
                            <tr>
                                <td><a href="">返修退换货</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的问答</a></td>
                            </tr>
                            <tr>
                                <td><a href="">降价商品</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的关注</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;&nbsp;   &nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            </tr>
                            <tr>
                                <td><a href="">我的京豆</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的优惠券</a></td>
                            </tr>
                            <tr>
                                <td><a href="">我的白条</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的理财</a></td>
                            </tr>
                        </table>
                    </div>
                </li>
                <li class="">
                    <a href="#">京东会员</a>
                </li>
                <li class="denglu">
                    <a href="shang_ping_guan_li.html">商品管理</a>
                </li>
                <li class="shouji bj">
                    <a href="#">手机京东</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="shouji1">
                        <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                        <div class="shouji2">
                            <p>京东客户端</p>
                            <p class="red">新人专享大礼包</p>
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                        </div>
                        <div class="yi">
                            <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                            <div class="er">
                                <p>京东金融客户端</p>
                                <p class="red">新人专享大礼包</p>
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">

                            </div>
                        </div>
                    </div>
                </li>
                <li class="kehu bj">
                    <a href="#">客户服务</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="kehu1">
                        <h3 class="neirong2">客户</h3>
                        <ul class="kehu2">
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">售后服务</a></li>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">客服邮箱</a></li>
                        </ul>
                        <div>
                            <ul class="kehu3">
                                <h3 class="neirong2 ll">客户</h3>
                                <li><a href="">京东商学院</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="shu"></li>
                <li class="daohang">
                    <a href="#">网站导航</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="aa">
                        <div class="neirong">
                            <h4 class="neirong2">特色主题</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                                <li><a href="">京东预售</a></li>
                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                                <li><a href="">优惠券</a></li>
                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                                <li><a href="">定期送</a></li>
                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>

                        </div>
                        <div class="neirong">

                            <h4 class="neirong2">行业频道</h4>

                            <ul>

                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>

                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>

                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>

                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>
                            <ul>

                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong">
                            <h4 class="neirong2">生活服务</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong neirong3">
                            <h4 class="neirong2">更多精选</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="search">
            <div>
                <form action="#">
                    <input type="text" class="search-txt"/>
                    <input type="button" class="search_button"/>
                </form>
            </div>
            <div class="bottom_a">
                <a style="color: red;" href="#">美妆钜惠</a>&nbsp;&nbsp;
                <a href="#">低至5折</a>&nbsp;&nbsp;
                <a href="#">农药精选</a>&nbsp;&nbsp;
                <a href="#">5折海购</a>&nbsp;&nbsp;
                <a href="#">亿元礼券</a>&nbsp;&nbsp;
                <a href="#">无线键盘</a>&nbsp;&nbsp;
                <a href="#">汽车香水</a>&nbsp;&nbsp;
                <a href="#">满199减100</a>&nbsp;&nbsp;
                <a href="#">糖果</a>
            </div>
        </div>
        <div class="search_right_jia_ru_gou_wu_che">
            <a href="gou_wu_che.html">
                <img src="images/jia_ru_gou_wu_che.png" alt=""/>
            </a>
        </div>
        <div class="search_right">
            <img src="images/er_wei_ma.png" alt=""/>
        </div>
        <div class="navigation">
            <div class="navigation_a">
                <a href="#">秒杀</a>
                <a href="#">优惠券</a>
                <a href="#">闪购</a>
                <a href="#">拍卖</a>
                <a href="#">服装城</a>
                <a href="#">京东超市</a>
                <a href="#">生鲜</a>
                <a href="#">全球购</a>
                <a href="#">京东金融</a>
            </div>
        </div>
     </div>

  </div>

  <div class="clear"></div>

 <!---------------------------------------- 轮播图附近  ----------------------------------------->
  <div class="main_div">
      <!---------------------------------------- 左边商品列表  ----------------------------------------->
         <div class="left_main">
             <div class="clear"></div>
             <div class="item1"></div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 家用电器</a>
                     <div class="item_list_block">
                         <a class="item_list_block_a" href="#">商品1</a>
                         <a class="item_list_block_a"  href="#">商品2</a>
                         <a class="item_list_block_a"  href="#">商品3</a>
                         <a class="item_list_block_a"  href="#">商品4</a>
                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 手机 &nbsp;/ &nbsp;运营&nbsp;/ &nbsp;数码 </a>
                     <div class="item_list_block1 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 电脑 &nbsp;/ &nbsp;办公&nbsp;/ &nbsp;数码 </a>
                     <div class="item_list_block2 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 家居 &nbsp;/ &nbsp;家具&nbsp;/ &nbsp;家装 </a>
                     <div class="item_list_block3 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 男装 &nbsp;/ &nbsp;女装&nbsp;/ &nbsp;童装</a>
                     <div class="item_list_block4 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 美妆个护 &nbsp;/ &nbsp;宠物</a>
                     <div class="item_list_block5 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 女鞋 &nbsp;/ &nbsp;箱包&nbsp;/ &nbsp;钟表</a>
                     <div class="item_list_block6 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 男鞋 &nbsp;/ &nbsp;运动&nbsp;/ &nbsp;户外 </a>
                     <div class="item_list_block7 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 汽车 &nbsp;/ &nbsp;汽车用品</a>
                     <div class="item_list_block8 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 家用电器</a>
                     <div class="item_list_block9 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 汽车 &nbsp;/ &nbsp;汽车用品</a>
                     <div class="item_list_block10 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 汽车 &nbsp;/ &nbsp;汽车用品</a>
                     <div class="item_list_block11 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 汽车 &nbsp;/ &nbsp;汽车用品</a>
                     <div class="item_list_block12 item_list_block">

                     </div>
                 </li>
             </div>
             <div class="item">
                 <li>
                     &nbsp;&nbsp;&nbsp;&nbsp;<a href="display_shang_ping.html"> 汽车 &nbsp;/ &nbsp;汽车用品</a>
                     <div class="item_list_block13 item_list_block">

                     </div>
                 </li>
             </div>

         </div>

      <!---------------------------------------- 轮播图  ----------------------------------------->
      <div id="center_main">
          <ul id="one">
              <li><a href=""><img src="./images/lun_bo_1.jpg"></a></li>
              <li><a href=""><img src="./images/lun_bo_2.jpg"></a></li>
              <li><a href=""><img src="./images/lun_bo_3.jpg"></a></li>
              <li><a href=""><img src="./images/lun_bo_4.jpg"></a></li>
              <li><a href=""><img src="./images/lun_bo_5.jpg"></a></li>
          </ul>
          <ul id="two">
              <li class="on">1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
          </ul>
          <!------------------------------------轮播图左右箭头------------------------>
          <div class="slider-page">
              <a href="javascript:void(0)" id="left"><</a>
              <a href="javascript:void(0)" id="right">></a>
          </div>
      </div>
      <!--轮播图的左下方-->
      <!---------------------------------------- 轮播图的右下方  ----------------------------------------->
      <div class="center_left_main">
          <a href="">
              <img src="images/lun_bo_left.png" alt=""/>
          </a>
      </div>
      <!---------------------------------------- 轮播图的右下方  ----------------------------------------->
      <div class="center_right_main">
          <a href="">
              <img src="images/lun_bo_right.png" alt=""/>
          </a>
      </div>
      <!---------------------------------------- 右边信息栏  ----------------------------------------->
      <div class="right_main">
          <div class="right_main_top">
              <img src="images/deng_lu_logo.png" alt=""/>
              <p class="p_wen_zi">Hi, 欢迎来到京东!</p>
              <p class="p_lian_jie"><a href="denglu.html">登录</a> | <a href="zhuche.html">注册</a> </p>
              <div class="xin_ren_fu_li"><a href="#">新人福利</a></div>
              <div class="plus_hui_yuan"><a href="#">PLUS会员</a> </div>
              <div class="yi"></div>
          </div>
          <div class="right_main_botton">
          </div>
      </div>
  </div>

  <div class="clear"></div>
 <!---------------------------------------- 商品展示区域  ----------------------------------------->
  <div class="commodity_display">
      <div class="clear"></div>
      <div class="dao_ji_shi_box">
          <div class="jin_dong_miao_sha"></div>
          <div class="box_display_wen_zi"><a href="#"><p>总有你想不到的低价 &nbsp;@></p></a></div>
          <div class="dao_ji_shi">
                 <span id="now_chang_ci">当前场次</span>
              <div class="shi_jian">
                  <span id="t_h_span"><p id="t_h"></p></span>
                  <span class="mao_hao1">:</span>
                  <span class="mao_hao2">:</span>
                  <span id="t_m_span"><p id="t_m"></p></span>
                  <span id="t_s_span"><p id="t_s"></p></span>
              </div>
                 <span id="hou_qiang_gou">后结束抢购</span>
          </div>
      </div>
      <!---------------------------------------- 商品列表展示区域  ----------------------------------------->
      <div class="shang_ping_display1">
          <div class="shang_pin_div1">
              <img src="images/shang_pin_display_1.png" alt=""/>
              <a href="#"><p>ThinkPad E570c 15.6 英寸笔记本电脑（20H70001CD）</p></a>
              <div class="price_div">
                  ¥ 1598.00<p> ¥ 2999.00 </p>
              </div>
          </div>
          <div class="shang_pin_div2 shang_pin_div1">
              <img src="images/shang_pin_display_2.png" alt=""/>
              <a href="#"><p>ThinkPad E570c 15.6 英寸笔记本电脑（20H70001CD）</p></a>
              <div class="price_div">
                  ¥ 1598.00<p> ¥ 2999.00 </p>
              </div>
          </div>
          <div class="shang_pin_div3 shang_pin_div1">
              <img src="images/shang_pin_display_3.png" alt=""/>
              <a href="#"><p>ThinkPad E570c 15.6 英寸笔记本电脑（20H70001CD）</p></a>
              <div class="price_div">
                  ¥ 2598.00<p> ¥ 2999.00 </p>
              </div>
          </div>
          <div class="shang_pin_div4 shang_pin_div1">
              <img src="images/shang_pin_display_4.png" alt=""/>
              <a href="#"><p>ThinkPad E570c 15.6 英寸笔记本电脑（20H70001CD）</p></a>
              <div class="price_div">
                  ¥ 598.00<p> ¥ 2999.00 </p>
              </div>
          </div>
          <div class="shang_pin_div5 shang_pin_div1">
              <img src="images/shang_pin_display_5.png" alt=""/>
              <a href="#"><p>ThinkPad E570c 15.6 英寸笔记本电脑（20H70001CD）</p></a>
              <div class="price_div">
                  ¥ 1598.00<p> ¥ 2999.00 </p>
              </div>
          </div>
          <div class="shang_pin_div6">
              <img class="shang_pin_display_right_1" src="images/shang_pin_display_right_1.png" alt="" />
              <img class="shang_pin_display_right_1" src="images/shang_pin_display_right_2.png" alt="" />
          </div>
      </div>
      <!--<div class="shang_ping_display2"></div>-->
  </div>

 <!---------------------------------------- 尾部  ----------------------------------------->
  <div class="clear"></div>
  <div class="footer">
      <div id="footer-2014" >
          <div class="links">
              <a rel="nofollow" target="_blank" href="#">关于我们</a>|<a  href="#">联系我们</a>|<a rel="nofollow" target="_blank" href="#">商家入驻</a>|<a rel="nofollow" target="_blank" href="#">营销中心</a>|<a rel="nofollow" target="_blank" href="#">手机京东</a>|<a target="_blank" href="#">友情链接</a>|<a target="_blank" href="#">销售联盟</a>|<a href="#" target="_blank">京东社区</a>|<a href="#" target="_blank">京东公益</a>|<a href="#" target="_blank">English Site</a>|<a href="#" target="_blank">Contact Us</a>
          </div>
          <div class="copyright">
              <a target="_blank" href="#"> 京公网安备 11000002000088号</a>
              &nbsp;&nbsp;|&nbsp;&nbsp;京ICP证070359号&nbsp;&nbsp;|&nbsp;&nbsp;
              <a target="_blank" href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
              &nbsp;&nbsp;|&nbsp;&nbsp;新出发京零&nbsp;字第大120007号<br>
              <a rel="nofollow" href="#" target="_blank">音像制品经营许可证苏宿批005号</a>
              &nbsp;&nbsp;|&nbsp;&nbsp;出版物经营许可证编号新出发(苏)批字第N-012号&nbsp;&nbsp;|&nbsp;&nbsp;互联网出版许可证编号新出网证(京)字150号
              <br><a href="#" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a>&nbsp;&nbsp;违法和不良信息举报电话：4006561155&nbsp;&nbsp;Copyright&nbsp;©&nbsp;2004-2016&nbsp;&nbsp;京东JD.com&nbsp;版权所有<br>京东旗下网站：<a target="_blank" href="http://www.360top.com/">360TOP</a>&nbsp;&nbsp;<a href="#" target="_blank">拍拍网</a>&nbsp;&nbsp;<a href="#" target="_blank">网银在线</a>
          </div>
          <div class="footer_img">
              <a href="">
                  <img src="images/footer.png" alt=""/>
              </a>
          </div>
      </div>
  </div>
</body>




<script src="js/jquery-1.11.3.min.js" ></script>
<script src="js/index.js" ></script>
<script type="text/javascript">

</script>
</html>